<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<link rel="stylesheet" href="../../css/bootstrap.min.css">
<link rel="stylesheet" href="../../css/font-awesome.min.css">
<link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="../../css/main.css">
<link rel="stylesheet" href="../../css/typeahead.css">

<!-- <link rel="stylesheet" type="text/css" href="../../static/css/myCss/font-1.css" />
<link rel="stylesheet" type="text/css" href="../../static/css/myCss/font-2.css" />
<link rel="stylesheet" type="text/css" href="../../static/css/myCss/font-3.css" />
<link rel="stylesheet" type="text/css" href="../../static/css/myCss/font-4.css" />
<link rel="stylesheet" type="text/css" href="../../static/css/myCss/main.css" />
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>

<script src="../../static/js/jquery.min.js" ></script>
<script src="../../static/js/common.js"></script>
<script src="../../static/js/plugins/slimscroll/jquery.slimscroll.min.js" ></script>
<script src="../../static/js/plugins/layer/layer.js" ></script>	

 		
<link rel="stylesheet" href="../../static/css/plugins/bootstrap-table/bootstrap-table.css">		

<script src="../../static/js/bootstrap.min.js"></script>
<script src="../../static/js/plugins/bootstrap-table/bootstrap-table.js"></script>    
<script src="../../static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script> -->

<script src="../../libs/jquery.min.js"></script>
<script src="../../plugins/layer/layer.js"></script>
<script src="../../libs/bootstrap.min.js"></script>
<script src="../../libs/vue.min.js"></script>
<script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
<script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/jqGridExcl.js"></script>

<script src="../../js/typeahead/bloodhound.min.js"></script>
<script src="../../js/typeahead/typeahead.bundle.min.js"></script>
<script src="../../js/typeahead/typeahead.jquery.min.js"></script>
<!-- 导出excel -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js"></script>
  <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script>
</head>
<body>
	<div id="rrapp" v-cloak>
		<div v-show="showList">
			<div class="grid-btn">
				<div class="form-group col-sm-2">
					<input type="text" class="form-control" v-model="q.commonQuery" @keyup.enter="query" placeholder="学员姓名">
				</div>
				<a class="btn btn-primary" @click="query"><i class="fa fa-plus"></i>&nbsp;查询</a>
				<a class="btn btn-primary" @click="reset"><i class="fa fa-pencil-square-o"></i>&nbsp;重置</a> 
				<a class="btn btn-primary" @click="exportExcl"><i class="fa fa-trash-o"></i>&nbsp;导出</a> 
				<a class="btn btn-primary" @click="dropout"><i class="fa fa-trash-o"></i>&nbsp;退学</a> 
				<a v-if="hasPermission('generator:student:save')" class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
				<a v-if="hasPermission('generator:student:update')" class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a> 
				<a v-if="hasPermission('generator:student:delete')" class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
				<form
					action="http://localhost:8090/tianjiao/generator/student/exportExcel"
					method="post" id="tt"></form>

				<!-- <div style="display: block; background-color: rgb(255, 255, 255);" id= "divLLQuery" style= "display: ''" >

					<div class="form-group col-xm-12 col-sm-6 col-md-4 col-lg-3">
						<label class="label-sm">报读班级：</label>
						<div class="col-sm-8">
							<div class="input-group">
								<div class="input-group-content">
									<input type="text" id="GradeclassNo" v-model="q.GradeclassNo" class="form-control" style="margin-bottom: 4px;" value="0">
								</div>
								<div class="input-group-addon">
									<a class="btn btn-default" style="margin-left: -11px;" onclick="queryGradeList();">...</a>
								</div>
							</div>
						</div>
					</div>
					<div class="form-group col-xm-12 col-sm-6 col-md-4 col-lg-3">
						<label class="label-sm">报读课程：</label>
						<div class="col-sm-8">
							<div class="input-group">
								<div class="input-group-content">
									<input type="text" id="classNo" v-model="q.classNo" class="form-control" style="margin-bottom: 4px;" >
								</div>
								<div class="input-group-addon">
									<a class="btn btn-default" style="margin-left: -11px;">...</a>
								</div>
							</div>
						</div>
					</div>

					<div class="form-group col-xm-12 col-sm-6 col-md-4 col-lg-3">
						<label class="label-sm">公立学校：</label>
						<div class="col-sm-8">
							<input type="text" maxlength="20" id="SchoolNo" v-model="q.SchoolNo" class="form-control">
						</div>
					</div>
					<div class="form-group col-xm-12 col-sm-6 col-md-4 col-lg-3">
						<label class="label-sm">是否VIP：</label>
						<div class="col-sm-8">
							<select class="form-control" id="VIPFlag" v-model="q.VIPFlag">
								<option value="">&lt;不限&gt;</option>
								<option value="0">是</option>
								<option value="1">否</option>
							</select>
						</div>
					</div>
					<div class="form-group col-xm-12 col-sm-6 col-md-4 col-lg-3">
						<label class="label-sm">学员状态：</label>
						<div class="col-sm-8">
							<select v-model="q.state" class="form-control">
								<option value="-1">&lt;不限&gt;</option>
								<option value="0">试听</option>
								<option value="1">在读</option>
								<option value="2">停课</option>
								<option value="99">已退学</option>
							</select>
						</div>
					</div>

					<div class="form-group col-xm-12 col-sm-6 col-md-4 col-lg-3">
						<label class="label-sm">入学起期：</label>
						<div class="col-sm-8">
							<input type="text" maxlength="50" id="startDate" v-model="q.startDate" class="form-control" >
						</div>
					</div>
					
					<div class="form-group col-xm-12 col-sm-6 col-md-4 col-lg-3">
						<label class="label-sm">入学止期：</label>
						<div class="col-sm-8">
							<input type="text" maxlength="50" id="endDate" v-model="q.endDate" class="form-control" >
						</div>
					</div>				
					
					<div class="form-group col-xm-12 col-sm-6 col-md-4 col-lg-3">
						<label class="label-sm">教务主管：</label>
						<div class="col-sm-8">
							<input type="text" maxlength="50" id="studydean" v-model="q.studydean" class="form-control" >
						</div>
					</div>
					
					<div class="form-group col-xm-12 col-sm-6 col-md-4 col-lg-3">
						<label class="label-sm">学生姓名：</label>
						<div class="col-sm-8">
							<input type="text" id="name" maxlength="50" v-model="q.name"  class="form-control" >
						</div>
					</div>	
					
					<div class="form-group col-xm-12 col-sm-6 col-md-4 col-lg-3">
						<label class="label-sm">手机号码：</label>
						<div class="col-sm-8">
							<input type="text" maxlength="50" id="phone" v-model="q.phone" class="form-control" >
						</div>
					</div>										
				</div> -->

			</div>

			<!-- <div class="grid-btn">
			<div class="input-group-content">
				<input type="text" class="form-control" v-model="q.commonQuery" @keyup.enter="query" placeholder="学员姓名及首字母/学号/电话">
			</div>
			<a v-if="hasPermission('generator:student:delete')" class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			
		</div> -->
			<div id="studentJqGrid">
				<table id="jqGrid"></table>
			</div>
			<div id="jqGridPager"></div>
		</div>

		<div v-show="!showList" class="panel panel-default">
			<div class="panel-heading">{{title}}</div>
			<form class="form-horizontal">
				<div class="form-group" style="display:none">
					<div class="col-sm-2 control-label"></div>
					<div class="col-sm-10">
						<input type="text" class="form-control"
							v-model="student.counselno" placeholder="" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">学生姓名：</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="student.name"
							placeholder="" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">学生性别：</div>
					<div class="col-sm-10">
							<select name="state" v-model="student.gender" class="form-control">
								<option value="1" >请选择</option>
								<option value="1" >男</option>
								<option value="2">女</option>
							</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">出生日期</div>
					<div class="col-sm-10">
						<input type="date" class="form-control" v-model="student.birthday"
							placeholder="" />
					</div>
				</div>
				<div class="form-group" style="display:none">
					<div class="col-sm-2 control-label"></div>
					<div class="col-sm-10">
						<input type="text" class="form-control"
							v-model="student.studentid" placeholder="" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">学校：</div>
					<div class="col-sm-10">
					<select id="schoolno" v-model="student.schoolno" class="form-control">
					</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">年级：</div>
					<div class="col-sm-10">
						<select id="grade" v-model="student.grade" class="form-control"> 
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">学科：</div>
					<div class="col-sm-10">
					<select id="subject" v-model="student.subject" class="form-control"> 
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">备注</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="student.remark"
							placeholder="" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">学习状态：</div>
					<div class="col-sm-10">
						<select id="studyinfo"class="form-control" v-model="student.studyinfo" >
							<option value="0">请选择</option>
							<option value="1">报名</option>
							<option value="2">在学</option>
							<option value="3">退学</option>
							<option value="4">毕业</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">微信：</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="student.webchat"
							placeholder="" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">手机号码：</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="student.phone"
							placeholder="" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">家庭地址：</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="student.address"
							placeholder="" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">是否VIP</div>
					<div class="col-sm-10">
						<select class="form-control" v-model="student.vipflag">
							<option value="0" selected="selected">请选择</option>
							<option value="1">一级VIP</option>
							<option value="2">二级VIP</option>
							<option value="3">三级VIP</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">报名标记</div>
					<div class="col-sm-10">
						<select class="form-control" v-model="student.reportflag">
							<option value='0' selected="selected">请选择</option>
							<option value='1'>上门办理</option>
							<option value='2'>地推</option>							
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label">报名序号</div>
					<div class="col-sm-10">
						<input type="text" class="form-control" v-model="student.reportno"
							placeholder="" />
					</div>
				</div>
				<div class="form-group" >
					<div class="col-sm-2 control-label"></div>
					<input type="button" class="btn btn-primary" @click="saveOrUpdate"
						value="确定" /> &nbsp;&nbsp;<input type="button"
						class="btn btn-warning" @click="reload" value="返回" />
				</div>
			</form>
		</div>
	</div>
	<iframe id="HideFrm" style="display: none">
		<div></div>
	</iframe>
	<script src="../../js/modules/generator/student.js"></script>
</body>
</html>